

$(document).ready(function() {
	var graphdef = {
			categories : ['2013', '2014'],
		    dataset : {
		        '2013' : [
		            { name : 'January', value : 14292 },
		            { name : 'February', value : 22821 },
		            { name : 'March', value : 6478 },
		            { name : 'April', value : 10660 },
		            { name : 'May', value : 11306 },
		            { name : 'June', value : 14219 },
		            { name : 'July', value : 4575 },
		            { name : 'August', value : 18505 },
		            { name : 'September', value : 1651 },
		            { name : 'October', value : 4523 },
		            { name : 'November', value : 6020 },
		            { name : 'December', value : 6588 }
		        ],
		        '2014' : [
		            { name : 'January', value : 1798 },
		            { name : 'February', value : 18984 },
		            { name : 'March', value : 7688 },
		            { name : 'April', value : 24346 },
		            { name : 'May', value : 3028 },
		            { name : 'June', value : 5685 },
		            { name : 'July', value : 2588 },
		            { name : 'August', value : 6747 },
		            { name : 'September', value : 11215 },
		            { name : 'October', value : 1519 },
		            { name : 'November', value : 21956 },
		            { name : 'December', value : 11460 }
				]
		    }
	};
	var config = {
		    meta : {
		    	position : '#uv-div',
		        caption : 'Recruiting Award',
		        subcaption : 'in 12 Months',
		        hlabel : 'Period (Months)',
		        vlabel : 'Bonus',
		        vsublabel : '(Baht)'
		    },
			graph: {
				orientation: 'Vertical',
				custompalette : ['#1a99aa', '#CCEEFF', 'orange', 'pink']
			},
			legend : {
				position : 'right'
			},
			dimension : {
				width : 700,
				height : 400
			}
			};
	
	uv.chart ('Bar', graphdef, config);
	
});

